<!--
    Seminar Computergrafik SS2012
    Praktikum
    Fachhochschule Münster
    Fachbereich Elektrotechnik und Informatik    
    
    Autoren: Alexander Kuhn & Mark Ruffer
-->
<!DOCTYPE html>

<head>
    <title>Computergrafik Projekt WebGL, A.Kuhn M.Ruffer</title>
    
    <!-- Externe Matrix Bibliothek -->
    <script type="text/javascript" src="glMatrix-0.9.5.min.js"></script>
    
    <!-- Externe WebGL Utilities Bibliothek -->
    <script type="text/javascript" src="webgl-utils.js"></script>
    
    <!-- Ausgelagerte Funktionen -->
    <script src="utils.js" type="text/javascript"></script>
    
    <!-- Lade externe Shader Programme -->
    <script src="shaderprogram_vertextextureshader.js" type="text/javascript"></script>
    <script src="shaderprogram_fragmenttextureshader.js" type="text/javascript"></script>
    
    <!-- Lade Bezierkurven Funktion -->
    <script src="webglbezier.js" type="text/javascript"></script>
    
    <!-- Hauptprogramm -->
    <script src="main.js" type="text/javascript"></script>
</head>

<body onload="main();">
	<table border="1">
		 <tr>
			<td><!-- Canvas zur Darstellung der WebGL Grafik -->
				<canvas id="webgl_canvas" style="border: 0px;" width="640" height="480"></canvas>
				<br />
				Computergrafik Projekt WebGL, A.Kuhn M.Ruffer
			</td>
			<td>
				Aktivierter Modus: <input type="text" id="modus" value="0.0" readonly><br />
				<input type="checkbox" id="FPS_CHECK" /><input type="text" id="FPS" readonly /> FPS
				<br />
				Roboter-Drehung um eigene Y-Achse: <input type="text" id="GUI_rotate" value="0" readonly/><br />
				Roboter-Drehung um eigene X-Achse: <input type="text" id="GUI_swing" value="0" readonly/><br />
				Zoom: <input type="text" id="GUI_zoom" value="-80" readonly /><br />
				<br />
				=================================<br />
				<u>Bedienungsanleitung:</u><br />
				Pfeiltaste links/rechts: Drehen Y<br />
				Pfeiltaste hoch/runter: Drehen X<br />
				Bild ab/Bild auf: Zoomen
				W/A/S/D: Szene drehen / Kameraschwenk<br />
				Q/E: Szene drehen Z-Achse<br />
				=================================<br />
				<br />
				Umgebungs-Licht<br />
				R<input type="text" id="LIGHT_ambient_r" value="1.0">G<input type="text" id="LIGHT_ambient_g" value="1.0">
				B<input type="text" id="LIGHT_ambient_b" value="1.0"><br />
				Beleuchtung<br />
				R<input type="text" id="LIGHT_directional_r" value="1.0">G<input type="text" id="LIGHT_directional_g" value="1.0">
				B<input type="text" id="LIGHT_directional_b" value="0.25"><br />
				X<input type="text" id="LIGHT_directional_x" value="30.0">
				Y<input type="text" id="LIGHT_directional_y" value="30.0">
				Z<input type="text" id="LIGHT_directional_z" value="30.0"><br />
				<!-- Elapsed<input type="text" id="elapsed" value="30.0" readonly><br /> -->
				<!-- rDog <input type="text" id="__rdog__" value="0.0" readonly><br /> -->
				Sichtwinkel: <input type="text" id="viewAngleRobot" value="0.0" readonly><br />
				<br />
				GPS-Koordinaten:<br />
				X-Position: <input type="text" id="positionX" value="0.0" readonly><br />
				Y-Position: <input type="text" id="positionY" value="0.0" readonly><br />
				Z-Position: <input type="text" id="positionZ" value="0.0" readonly><br />
				<br />
				<a href="./test.html">Test.html</a>
			</td>
		 </tr>
	</table>
</body>